<%@ page contentType="text/html;charset=UTF-8" language="java"  import="java.util.*" trimDirectiveWhitespaces="true" %>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>产品分类</title>
<link rel="stylesheet" href="${basePath}/resources/weixin/css/style.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/css/layer.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/Icon/iconfont.css" />
</head>

<body>
<main class="content">
	
    <!-- 分类 -->
    <section id="fenlei" class="classification">
    	<ul>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li class="hover">
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        	<li>
            	<span><img src="${basePath}/resources/weixin/Images/com/03.jpg"></span>
            	<em>K金</em>
            </li>
        </ul>
    </section>
    
    <!-- 栏目 -->
    <section id="leibie" class="category">
        <span class="title">热门品类</span>
        <section class="leibie_list">
        	<a href="">
            	<span><img src="${basePath}/resources/weixin/Images/com/01.jpg"></span>
            	<em>耳钉</em>
            </a>
        	<a href="">
            	<span><img src="${basePath}/resources/weixin/Images/com/01.jpg"></span>
            	<em>戒指</em>
            </a>
        	<a href="">
            	<span><img src="${basePath}/resources/weixin/Images/com/01.jpg"></span>
            	<em>手链</em>
            </a>
        	<a href="">
            	<span><img src="${basePath}/resources/weixin/Images/com/01.jpg"></span>
            	<em>钻石戒指</em>
            </a>
        	<a href="">
            	<span><img src="${basePath}/resources/weixin/Images/com/01.jpg"></span>
            	<em>项链</em>
            </a>
        	<a href="">
            	<span><img src="${basePath}/resources/weixin/Images/com/01.jpg"></span>
            	<em>钻石耳钉</em>
            </a>
        </section>
        
        <span class="title">热门单品</span>
        <section class="list">
            <section class="list_main">
            	<span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            	<section class="text">
                	<p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                	<em>￥568.00</em>
                    <a class="icon" href="">&#xe68d;</a>
                </section>
            </section>
            <section class="list_main">
            	<span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            	<section class="text">
                	<p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                	<em>￥568.00</em>
                    <a class="icon" href="">&#xe68d;</a>
                </section>
            </section>
            <section class="list_main">
            	<span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            	<section class="text">
                	<p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                	<em>￥568.00</em>
                    <a class="icon" href="">&#xe68d;</a>
                </section>
            </section>
            <section class="list_main">
            	<span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            	<section class="text">
                	<p><a href="">六福珠宝黄金吊坠女香港热卖款招财...</a></p>
                	<em>￥568.00</em>
                    <a class="icon" href="">&#xe68d;</a>
                </section>
            </section>
        </section>
    </section>
    
</main>

<!-- FOOTER -->
<footer class="bottom">
	<a    href="${weixinPath}/shop"><i class="icon">&#xe653;</i><em>首页</em></a>
	<a class="hover" href="${weixinPath}/category"><i class="icon">&#xe658;</i><em>分类</em></a>
	<a href="${weixinPath}/shoppingchart"><i class="icon">&#xe68d;</i><em>购物车</em></a>
	<a href="${weixinPath}/member"><i class="icon">&#xe625;</i><em>会员</em></a>
</footer>


<script type="text/javascript" src="${basePath}/resources/weixin/js/high.js"></script>
</body>
</html>
